<template>
  <div @click="click">
    <svg
      t="1543219644246"
      class="skin-svg"
      version="1.1"
      viewBox="0 0 1024 1024"
      xmlns="http://www.w3.org/2000/svg"
      p-id="8386"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      width="32"
      height="32"
    >
    <path
      d="M519.641537 185.299263c62.633502 0 115.388007-42.346457 132.012639-100.226702 68.283176 15.832594 215.038588 60.696384 372.324844 177.455621L901.716442 494.210845l-103.008049-23.098068 0 471.01761L550.20667 942.130388l-76.413344 0L225.295696 942.130388l0-471.01761-103.008049 23.098068L0.020976 262.528182C169.604302 136.6431 326.941724 94.300736 386.816392 81.869612 402.385996 141.373845 455.868071 185.299263 519.641537 185.299263z"
      p-id="8387" />
    </svg>
  </div>
</template>

<script type="text/ecmascript-6">

export default {
  name: 'Skin',
  props: {
    width: {
      type: Number,
      default: 22
    },
    height: {
      type: Number,
      default: 22
    },
    fill: {
      type: String,
      default: '#48576a'
    }
  },
  data() {
    return {
      isFullscreen: false
    }
  },
  methods: {
    click() {
      this.$message('临时弹框')
    }
  }
}
</script>

<style scoped>
.skin-svg {
  display: inline-block;
  cursor: pointer;
  fill: rgba(0, 0, 0, 0.8);
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
</style>
